@import './variables.scss';

// 打印
#print-template{
    display: none;
}
@media print{
    #print-template{
        display: block;
    }
}

.text-btn-red{
    >i,>span{
        font-size: $font-size-main;
        color: $--color-danger;
    }
}

.text-btn-yellow{
    >i,>span{
        font-size: $font-size-main;
        color: $--color-warning;
    }
}

.text-btn-green{
    >i,>span{
        font-size: $font-size-main;
        color: $--color-success;
    }
}

.text-btn-primary{
    >i,>span{
        font-size: $font-size-main;
        color: $--color-primary;
    }
}
// 状态颜色
.status-common{
    font-size: $font-size-main;
    color: $font-color-info;
}
.status-color1{
    font-size: $font-size-main;
    color: $status-color1;
}
.status-color2{
    font-size: $font-size-main;
    color: $status-color2;
}
.status-color3{
    font-size: $font-size-main;
    color: $status-color3;
}
.status-color4{
    font-size: $font-size-main;
    color: $status-color4;
}
.status-color5{
    font-size: $font-size-main;
    color: $status-color5;
}
.status-color6{
    font-size: $font-size-main;
    color: $status-color6;
}
.status-color7{
    font-size: $font-size-main;
    color: $status-color7;
}
.status-color8{
    font-size: $font-size-main;
    color: $status-color8;
}
.status-color10{
  font-size: $font-size-main;
  color: $main-color;
}

// 内容超过一行显示省略号
.text-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  // 内容超过两行显示省略号
  .text-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

// 表格头部背景色
.el-table{
    th{
        background-color: $table-top-bg!important;
    }
}

// 页面title顶部固定
.title-position{
    position: fixed;
    top: 60px;
    width: calc(100vw - #{$sideBarWidth});
    z-index: 5;
    box-sizing: border-box;
}

.no-left-sidebar{
  width: calc(100vw - 54px);
  box-sizing: border-box;
}

.mobile-titleContainer{
  width: 100vw;
  box-sizing: border-box;
}

#ipd p{
    margin: 10px 0px;
}
